// 这个导航的仓库
import { defineStore } from "pinia";
import { ref } from "vue";

export let useNav = defineStore("useNav",()=>{
    // 公用的折叠变量
    let isshow = ref(false);

    // 定义函数 用于改变仓库中的变量
    let changeIsshow = ()=>{
        isshow.value = !isshow.value;
    }
    // 定义一个基准
    let w = 600;
    let caleW = ()=>{
        let WIDTH = document.body.clientWidth;
        if( WIDTH > w ){
            // 需要展开
            isshow.value = false;
        }else{
            // 需要收起
            isshow.value = true
        }
    }
    window.addEventListener("resize",caleW)

    return {
        isshow,
        changeIsshow
    }
});